﻿@{
    ViewBag.Title = "Cập nhật thông tin Loại Cơ Sở Đoàn";
    Layout = "~/Views/Shared/BusinesstodayLayout/Backend/_1Col.cshtml";
}
@*------UI Dialog -----------*@
<script src="@Url.Content("~/Scripts/uiDialog/jquery.effects.core.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/uiDialog/jquery.effects.fade.js")" type="text/javascript"></script>
<link href="@Url.Content("~/Content/themes/base/jquery.ui.all.css")" rel="stylesheet" type="text/css" />
<div class="wrapper col5">
    <div id="container">
        @using (Html.BeginForm())
        {
            <table width="100%">
                <tr>
                    <td width="30%">
                        <h2>Thông tin Loại Cơ sở Đoàn</h2>
                        <div class="editLabel">
                            <label>
                                Tên</label>
                        </div>
                        <div>
                            <input type="text" />
                        </div>
                        <div class="editLabel">
                            <label>
                                Mô tả</label>
                            <br />
                        </div>
                        <div>
                            <textarea rows="7" cols="20" style="resize: none"></textarea>
                            <br />
                        </div>
                        <div class="editLabel">
                            <label>
                                Cấp quản lý</label>
                        </div>
                        <div>
                            <select>
                                <option>Đoàn trường</option>
                                <option>Liên Chi Đoàn</option>
                                <option>CLB - Đội Nhóm</option>
                            </select>
                        </div>
                        <br />
                        <div>
                            <table class="bordertable">
                                <thead>
                                    <tr>
                                        <th>
                                            Đoàn Phí
                                        </th>
                                        <th>
                                            Chính Thức
                                        </th>
                                        <th>
                                            Đoàn Viên
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr align="center">
                                        <td>
                                            <input type="checkbox" />
                                        </td>
                                        <td>
                                            <input type="checkbox" />
                                        </td>
                                        <td>
                                            <input type="checkbox" />
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </td>
                    <td width="70%" style="vertical-align:top">
                        <table style="vertical-align: top">
                            <thead>
                                <tr align="center">
                                    <th colspan="4">
                                        <h2> Cơ cấu Ban chấp Hành</h2>
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <th style="width:20%">Số Chức Danh</th>
                                    <td><input type="text" /></td>
                                    <th>Nhiệm kì</th>
                                    <td><input type="text" /></td>
                                </tr>
                                <tr>
                                    <th>Số thành viên tối đa</th>
                                    <td><input type="text"/></td>
                                    <th>Số thành viên tối thiểu</th>
                                    <td><input type="text"/></td>
                                </tr>
                                <tr>
                                    <th width="40%">
                                        Chức danh <input type="text"/>
                                    </th>
                                    <th width="20%">
                                        Số lượng
                                        <select>
                                            <option>1</option>
                                            <option>2</option>
                                            <option>3</option>
                                        </select>
                                    </th>
                                    <td width="40%">
                                        <a href="/UnionUnitType/Permission" id="permission" title="Phân Quyền">
                                            <img src="../../Content/themes/Businesstoday/images/permission.png"/>
                                        </a>
                                    </td>
                                </tr>
                                <tr>
                                    <th width="40%">
                                        Chức danh <input type="text"/>
                                    </th>
                                    <th width="20%">
                                        Số lượng
                                        <select>
                                            <option>1</option>
                                            <option>2</option>
                                            <option>3</option>
                                        </select>
                                    </th>
                                    <td width="40%">
                                    <img src="../../Content/themes/Businesstoday/images/permission.png"/></td>
                                </tr>
                                <tr>
                                    <th width="40%">
                                        Chức danh <input type="text"/>
                                    </th>
                                    <th width="20%">
                                        Số lượng
                                        <select>
                                            <option>1</option>
                                            <option>2</option>
                                            <option>3</option>
                                        </select>
                                    </th>
                                    <td width="40%">
                                    <img src="../../Content/themes/Businesstoday/images/permission.png"/></td>
                                </tr>
                            </tbody>
                        </table>
                    </td>
                </tr>
            </table>
        }
    </div>
</div>
<script type="text/javascript" language="javascript">
    jQuery(document).ready(function () {
        $('a.#permission').live("click", function (event) { addItem(this, event); });
    });

    function addItem(tag, event) {
        event.preventDefault();
        var $url = $(tag).attr('href');
        var $title = $(tag).attr('title');
        var $dialog = $('<div></div>');
        $dialog.empty();
        $dialog
            .load($url)
			.dialog({
			    autoOpen: true
				, title: $title
				, width: 500
                , modal: true
				, minHeight: 200
                , show: 'fade'
                , hide: 'fade'
			});

    };
</script> 